﻿<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>FlowPeople设置流转人员</title>
    <link href="../../Content/Global.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="all">
    

<!--标题开始-->
<div id="titleOut">
    <div id="titleInner">
        流转人员
    </div>
</div>
<!--标题结束-->


<!--内容开始-->
<div id="ContentOut">
    <table id="ContentInner" class="tableInner" cellpadding="0" cellspacing="0">
        <tr class="head">
            <td colspan="3">按人员</td>
        </tr>
        <tr>
            <td>
                <select id="selLeft1" size="6">
	                <option value="1">办公人员</option>
	                <option value="2">领导</option>
	                <option value="3">直属学校</option>
	                <option value="4">管理员</option>
	                <option value="6">司机</option>
	                <option value="7">默认角色</option>
                </select>
            </td>
            <td>
                <input id="btnAdd1" type="button" value="  >>  " />
                <br /><br />
                <input id="btnDelete1" type="button" value="  <<  " />
            </td>
            <td>
                <select id="selRight1" size="6"></select>
            </td>
        </tr>
        <tr class="head">
            <td colspan="3">按职位</td>
        </tr>
        <tr>
            <td>
                <select id="selLeft2" size="6">
	                <option value="1">办公人员</option>
	                <option value="2">领导</option>
	                <option value="3">直属学校</option>
	                <option value="4">管理员</option>
	                <option value="6">司机</option>
	                <option value="7">默认角色</option>
                </select>
            </td>
            <td>
                <input id="btnAdd2" type="button" value="  >>  " />
                <br /><br />
                <input id="btnDelete2" type="button" value="  <<  " />
            </td>
            <td>
                <select id="selRight2" size="6"></select>
            </td>
        </tr>
        <tr class="head">
            <td colspan="3">按角色</td>
        </tr>
        <tr>
            <td>
                <select id="selLeft3" size="6">
	                <option value="1">办公人员</option>
	                <option value="2">领导</option>
	                <option value="3">直属学校</option>
	                <option value="4">管理员</option>
	                <option value="6">司机</option>
	                <option value="7">默认角色</option>
                </select>
            </td>
            <td>
                <input id="btnAdd3" type="button" value="  >>  " />
                <br /><br />
                <input id="btnDelete3" type="button" value="  <<  " />
            </td>
            <td>
                <select id="selRight3" size="6"></select>
            </td>
        </tr>
    </table>
</div>
<script type="text/javascript">
    var btnAdd1 = document.getElementById("btnAdd1"); //向右移
    var btnDelete1 = document.getElementById("btnDelete1"); //向左移
    var selLeft1 = document.getElementById("selLeft1"); //左边
    var selRight1 = document.getElementById("selRight1"); //右边
    btnAdd1.onclick = MoveToRght1;
    btnDelete1.onclick = MoveToLeft1;

    function MoveToRght1() {
        var selectIndex1 = selLeft1.selectedIndex; //获得是第几个被选中了

        selRight1.options[selRight1.options.length] = new Option(selLeft1.options[selectIndex1].text, selLeft1.value);

        selLeft1.options.remove(selectIndex1); //移除该序号的项
    }
    function MoveToLeft1() {
        var selectIndex1 = selRight1.selectedIndex; //获得是第几个被选中了

        selLeft1.options[selLeft1.options.length] = new Option(selRight1.options[selectIndex1].text, selRight1.value);

        selRight1.options.remove(selectIndex1); //移除该序号的项
    }


    var btnAdd2 = document.getElementById("btnAdd2"); //向右移
    var btnDelete2 = document.getElementById("btnDelete2"); //向左移
    var selLeft2 = document.getElementById("selLeft2"); //左边
    var selRight2 = document.getElementById("selRight2"); //右边
    btnAdd2.onclick = MoveToRght2;
    btnDelete2.onclick = MoveToLeft2;

    function MoveToRght2() {
        var selectIndex2 = selLeft2.selectedIndex; //获得是第几个被选中了

        selRight2.options[selRight2.options.length] = new Option(selLeft2.options[selectIndex2].text, selLeft2.value);

        selLeft2.options.remove(selectIndex2); //移除该序号的项
    }
    function MoveToLeft2() {
        var selectIndex2 = selRight2.selectedIndex; //获得是第几个被选中了

        selLeft2.options[selLeft2.options.length] = new Option(selRight2.options[selectIndex2].text, selRight2.value);

        selRight2.options.remove(selectIndex2); //移除该序号的项
    }


    var btnAdd3 = document.getElementById("btnAdd3"); //向右移
    var btnDelete3 = document.getElementById("btnDelete3"); //向左移
    var selLeft3 = document.getElementById("selLeft3"); //左边
    var selRight3 = document.getElementById("selRight3"); //右边
    btnAdd3.onclick = MoveToRght3;
    btnDelete3.onclick = MoveToLeft3;

    function MoveToRght3() {
        var selectIndex3 = selLeft3.selectedIndex; //获得是第几个被选中了

        selRight3.options[selRight3.options.length] = new Option(selLeft3.options[selectIndex3].text, selLeft3.value);

        selLeft3.options.remove(selectIndex3); //移除该序号的项
    }
    function MoveToLeft3() {
        var selectIndex3 = selRight3.selectedIndex; //获得是第几个被选中了

        selLeft3.options[selLeft3.options.length] = new Option(selRight3.options[selectIndex3].text, selRight3.value);

        selRight3.options.remove(selectIndex3); //移除该序号的项
    }
</script>
<!--内容结束-->



</div>
</body>
</html>
